<template>
  <div class="ui_step2">
            <img src="../../../asset/images/jc_step2.png" alt="">
            <div class="box">
              <p class="btn" v-if="!show">点击按钮,刷新最新列表</p>
              <!-- 弹出层 -->
              <van-popup v-model="show" :overlay="false" >
                <div>抢单成功</div>
              </van-popup>
              <div class="box_img" @click="showBtn" v-if="!show">
                <div class="chudian_img">
                  <img src="../../../asset/images/jc_chudian@2x.png" alt="">
                </div>
                <div class="shou_img">
                  <img src="../../../asset/images/jc_shou@2x.png" alt="">
                </div>
              </div>
            </div>
        </div>
</template>
<script>
export default {
  name: "step2",
  data() {
    return {
      show: false,
      status:false,
    };
  },
  mounted: function() {
  },
  methods: {
    showBtn() {
      this.show = !this.show;
      this.$emit("refresh");
    },
  }
};
</script>
<style lang="less">
.ui_step2 {
  .box {
    z-index: 10;
    position: relative;
    bottom: 700px;
    .van-popup{
        width:280px;
        height:74px;
        border-radius: 50px;
        line-height: 74px;
      div{
        color:#fff;
        width:280px;
        height:74px;
      }
    }
    .btn {
      width: 690px;
      height: 120px;
      background: rgba(0, 0, 0, 0.7);
      text-align: center;
      margin: 0 auto;
      border-radius: 20px;
      line-height: 120px;
      color: #fff;
      font-size: 30px;
    }
    .btn2 {
      width: 280px;
      height: 74px;
      border-radius: 50px;
      background: #535353;
      color: #fff;
      text-align: center;
      margin: 0 auto;
      line-height: 74px;
      font-size: 32px;
    }
    .box_img {
      text-align: right;
      .chudian_img {
        position: relative;
        left: 500px;
        bottom: 300px;
      }
    }
    .shou_img {
      position: relative;
      left: 550px;
      bottom: 350px;
    }
  }
}
</style>
